import styled from "styled-components";
export const Talk = styled.div`
{
    background: url(images/loginbg.png) ;
    background-size: 100%;
    box-sizing: border-box;
    padding: .1rem;
}
div{
    padding-top: .30rem;

}


`
export const Nav = styled.div`

div{
    box-sizing: content-box;
    padding: 0;
    display:flex;
    justify-content: space-around;
    text-align: center;
    margin:auto;
    height:.35rem;
    line-height: .35rem;
    background: url(images/loginbg.png) no-repeat;
}


`
// 组件onetalk
export const OneTalk = styled.div`
{
    background: url(images/loginbg.png) ;
    background-size: 100%;
    box-sizing: border-box;
    padding: .1rem  ;
}
    img{
        width:100%;
        // border-radius: .05rem;
        margin: .05rem 0;
    }

   

`
export const OneReader = styled.div`
{
    background: url(images/loginbg.png) ;
    background-size: 100%;
    box-sizing: border-box;
    padding: .1rem  ;
}
.card{
    background-color: #ffffff;
    display: flex;
    padding: .2rem .1rem;
    margin: 0.1rem 0;
    border-radius: .1rem;
}
.userimg{
    flex: 1;
}
.userimg img{
    width: .3rem;
    border-radius: 50%;
}
.userinfo{
    flex: 6;
    display: flex;
    flex-direction: column;

}
.userinfo .name{
    font-size:.14rem;
    margin-bottom: .05rem;
}

.name,span{
    flex: 1;
}
.date{
    font-size: .1rem;
    color: #8e8e8e;
}
.talkinfo{
    flex: 6;
    margin: 0.23rem 0;
    min-height: .5rem;
    font-size: .14rem;

}
hr{
    height: .03rem;
    background-color: #e3e3e3;
    border:none;
    margin-bottom:.1rem;
}
.title{
    flex: 6;
    
}

.footer{
    flex:2;
    display:flex;
}
.footer span{
    flex:0.5;
    color: #b69766;
}
.footer p{
    max-width:1.6rem;
    color:#b6b6b6;
    font-size: .16rem;
    line-heght: .18rem;
    font-family: 'Courier New', Courier, monospace;
}
`